<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>加油站</title>
    <link rel="shortcut icon" href="/兰/images/logo.png">
</head>
<style>
    html,
    body {
        width: 100%;
        height: 100%;
    }

    .container {
        width: 80%;
        height: 100%;
        margin-left: 10%;

    }
.text-box{
    display: flex;
    flex-direction: column;
}
    .container>.text-box>div:nth-child(2n+1) {
      align-self: flex-start;
    }
    .container>.text-box>div:nth-child(2n) {
        align-self: flex-end;    
        color: red; 
        
    }
</style>

<body>
    <div class="container">
        <!-- 图片的左和右留一点空白 -->
        <div>
            <img src="./images/加油站展示图.png" alt="">
        </div>

        <!-- 每句话一个卡片，卡片大小一致，卡片要有背景颜色 -->
        <div class="text-box">
            <div>
                看似不起眼的日复一日，会在将来的某一天，突然让你看到坚持的意义。
            </div>
            <div>
                没有横空出世的幸运，只有不为人知的努力。
            </div>
            <div>
                你一直不往前走，怎么看得到远方的风景？
            </div>
            <div>
                如果你瞄准了月亮，即便迷失，也在星辰之间。
            </div>
            <div>
                半山腰总是拥挤的，你得去山顶看看。
            </div>
            <div>
                你努力了，才有资格说运气不好。
            </div>
            <div>
                等你优秀了，你想要的都会来找你。
            </div>
            <div>
                当你的才华还撑不起你的野心的时候，就该多读书。
            </div>
            <div>
                没有躺赢的命，那就站起来奔跑。
            </div>
            <div>
                发光不是太阳的权利，每个人都可以。
            </div>
            <div>
                没有时间学习的人，是有了时间也不会学习的人。
            </div>
            <div>
                不是抓紧每一分钟学习，而是抓紧学习的每一分钟。
            </div>
            <div>
                放弃很容易，可坚持一定很酷。
            </div>
            <div>
                我们终会上岸，阳光万里。
            </div>
            <div>
                山高路远，看世界，找自己。
            </div>
            <div>
                慢慢来，谁还没有一个努力的过程。
            </div>
            <div>
                目标越接近，困难越增加。
            </div>
            <div>
                真正能让你走远的，从来都是积极自律与勤奋。
            </div>
            <div>
                哪朵玫瑰没有荆棘。
            </div>
            <div>
                如果没有天赋，那就一直重复。
            </div>
            <div>
                没有人可以回到过去，但谁都可以从现在开始。
            </div>
            <div>
                每一个学习的念头，都是未来的你在向现在的你求救。
            </div>
            <div>
                日积月累，厚积薄发！
            </div>
            <div>
                夜色难免黑凉，前行必有曙光。
            </div>
            <div>
                在该奋斗的岁月里，对得起每一寸光阴。
            </div>
            <div>
                若你决定灿烂，山无遮，海无拦。
            </div>
            <div>
                总有人间一两风，填我十万八千梦。
            </div>
            <div>
                心存希冀，追光而遇；目有繁星，沐光而行。
            </div>
            <div>
                少年不惧岁月长 ，彼方尚有荣光在。
            </div>
            <div>
                无人扶我青云志，我自踏雪至山巅。
            </div>
            <div>
                毕竟几人真得鹿 不知终日梦为鱼。
            </div>
            <div>
                我踏月色问英雄，功名几何？
            </div>
            <div>
                星光不问赶路人，时光不负有心人。
            </div>
            <div>
                乾坤未定，你我皆是黑马。
            </div>
            <div>
                再见少年拉满弓，不惧岁月不惧风。
            </div>
        </div>
    </div>
</body>

</html>